<template>
  <template v-for="(item, index) in props.flowList" :key="item.id">
    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 10px; white-space: nowrap;">
      <div>{{ item.flowStatusName }}</div>
      <div style="color: #6c768e; margin-top: 8px">{{ item.createName }}</div>
      <div style="color: #6c768e; margin-top: 8px">{{ item.createTime }}</div>
    </div>
    <span v-if="index + 1 !== props.flowList.length" style="margin: 22px 10px 0">———————</span>
  </template>
</template>

<script setup lang="ts">
interface Props {
  flowList: any[]
}

const props = defineProps<Props>()
</script>
